<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>祝您身体健康 春节快乐</title>
    <link rel="stylesheet" href="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/style.css?1">
</head>

<body onload="init()">
    <div id="all">
        <div class="bg1"></div>
        <div class="bg2 lazy" data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/bg1.png">
        </div>
        <div class="main">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/decoration1.png" class="lazy decoration1">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/decoration2.png" class="lazy decoration2">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/decoration3.png" class="lazy decoration3">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/decoration4.png" class="lazy decoration4">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/fu1.png" class="lazy fu fu1">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/fu6.png" class="lazy fu-s fu6">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/fu5.png" class="lazy fu-s fu5">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/fu4.png" class="lazy fu fu4">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/flower.png" class="lazy fu flower">
            <img data-src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/moust.png" class="lazy moust">
        </div>
    </div>
    <div class="load-wrapp " id="loading">
        <div class="load-3">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
        </div>
    </div>
    <audio src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/bg.mp3" class="audio" id="audio" loop></audio>
</body>
<script src="https://jtchen666.oss-cn-hangzhou.aliyuncs.com/fs/lazyload.min.js"></script>
<script>
    function $(id) {
        return document.getElementById(id)
    }

    function play() {
        $("audio").play();
    }

    function init() {
        var site = 10;
        var myLazyLoad = new LazyLoad({
            elements_selector: ".lazy",
            callback_load: function(param) {
                if (--site == 0) {
                    $("loading").style.display = "none";
                    $("all").className = "active";
                    play();
                }
            }
        });
    }
    document.getElementsByTagName("body")[0].addEventListener("click", function() {
        play()
    })
</script>

</html>